<template>
<div>
  <div class="order-detail-top">
    <div class="order-detail-header">
      <span class="f-l">业务单号：<i>{{data.BbMain.BBillNo}}</i></span>
    </div>
    <ul class="order-detail-info">
      <li class="displayflex">
        <label>客户名称</label>
        <p class="flex1">{{data.PoMain.SendContacts}}</p>
      </li>
      <li class="displayflex">
        <label>客户电话</label>
        <p class="flex1">{{data.PoMain.SendContactsTel}}</p>
      </li>
      <li class="displayflex">
        <label>客户地址</label>
        <p class="flex1">{{data.PoMain.ArrivalVenue | removeSplash}}{{data.PoMain.ArrivalAddress}}</p>
      </li>
         <li class="displayflex">
        <label>配送司机</label>
        <p class="flex1">{{data.Vehicle.Driver1Name}}</p>
      </li>
      <li class="displayflex">
        <label>司机电话</label>
        <p class="flex1">{{data.Vehicle.Driver1Tel}}</p>
      </li>
      <li class="displayflex">
        <label>订单总件数</label>
        <p class="flex1"><em class="font-red">{{data.BbMain.Pkgs}}</em>件</p>
      </li>
    </ul>      
  </div>

  <div class="textList_con con_wldd_track mrT10">
    <ul class="track_dotRoute">
      <li v-for="(item, index) in data.TracingList"> 
        <i></i>
        <div class="track_cont_detail">
          <p class="track_det_tit">{{item.ExcuteState | PoState}}</p>
          
          <p class="track_det_time">{{item.ExcuteDate | timeshort}}</p>
        </div>
      </li>
    </ul>
  </div>
</div>
</template>

<script>
 export default{
    data(){
      return{
        data:{
          BbMain:{},
          PoMain:{},
          Vehicle:{},
        },
        todolist:[],
      }
    },
    created(){
      this.getData();
    },
    methods:{
      getData(){
        let query = {
          Guid: this.$route.query.Guid
        };
        this.Ajax.post('GetOrderDetail', query).then((res) => {
          if(res.IsSuccess){
            this.data = res.Data;
          } else {
            this.Toast(res.ErrorMessage);
          }
        })
        .catch((e) => {
          this.Toast('出错了，请刷新重试')
        })
      },
    }
  }
</script>